<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>垃圾书城</title>
	<%-- 导入css --%>
	<link rel="stylesheet" href="${pageContext.request.contextPath}/client/css/main.css" type="text/css" />
	<!-- 导入首页轮播图css和js脚本 -->
	<link type="text/css" href="${pageContext.request.contextPath }/client/css/autoplay.css" rel="stylesheet" />
	<script type="text/javascript" src="${pageContext.request.contextPath }/client/js/autoplay.js"></script>
</head>

<body class="main">
	<%@include file="head.jsp"%>
	<%@include file="menu_search.jsp" %>
	<%-- <div id="divad">
		<img src="${pageContext.request.contextPath}/client/ad/index_ad.jpg"/>
	</div> --%>
	
	<!-- 图书商场首页轮播图  start -->
	<div id="box_autoplay">
    	<div class="list">
        	<ul>
            	<li><img src="${pageContext.request.contextPath }/client/ad/banner1.jpg" width="750" height="315" /></li>
            	<li><img src="${pageContext.request.contextPath }/client/ad/banner2.jpg" width="750" height="315" /></li>
            	<li><img src="${pageContext.request.contextPath }/client/ad/banner3.jpg" width="750" height="315" /></li>
            	<li><img src="${pageContext.request.contextPath }/client/ad/banner4.jpg" width="750" height="315" /></li>
            	<li><img src="${pageContext.request.contextPath }/client/ad/banner3.jpg" width="750" height="315" /></li>
        	</ul>
    	</div>
	</div>
	<!-- 大内容区-->
	<div class="idx-container">
		<div class="container">
			<!-- 手机 -->
			<div class="idx-title">
				<h2 class="tit">热销图书</h2>
				<a class="see-all" href=""></a>
			</div>
			<div class="idx-phone idx-box">
				<div class="idx-leftadv">
					<a href=""></a>
				</div>
				<div class="good-box col-5">
					<div class="bookli col-5">
						<img src="client/images/book1.jpg">
						<h3>本草纲目</h3>
						<p>生动有趣</p>
						<span>儿童绘本</span>
					</div>
					<div class="bookli">
						<img src="client/images/book11.jpg">
						<h3>上下五千年</h3>
						<p>全套系列</p>
						<span>历史科普</span>
					</div>
					<div class="bookli">
						<img src="client/images/book111.jpg">
						<h3>我有一只霸王龙</h3>
						<p>全套系列</p>
						<span>儿童绘本</span>
					</div>
					<div class="bookli">
						<img src="client/images/book12.jpg">
						<h3>围城</h3>
						<p>现代名著</p>
						<span>小说散文</span>
					</div>
					<div class="bookli col-5">
						<img src="client/images/book13.jpg">
						<h3>水果蔬菜</h3>
						<p>全套系列</p>
						<span>儿童绘本</span>
					</div>
					<div class="bookli col-5">
						<img src="client/images/book14.jpg">
						<h3>他们想不通长大</h3>
						<p>全套系列</p>
						<span>儿童绘本</span>
					</div>
					<div class="bookli col-5">
						<img src="client/images/book15.jpg">
						<h3>销售就是会玩转情商</h3>
						<p>职场类畅销</p>
						<span>职场情感</span>
					</div>
					<div class="bookli col-5">
						<img src="client/images/book1111.jpg">
						<h3>中国历史</h3>
						<p>有趣科普</p>
						<span>文化科普</span>
					</div>
				</div>
			</div>
		</div>
	</div>
	<%@ include file="foot.jsp" %>
</body>
</html>
